<!DOCTYPE html>
<?php include ("bloqueDeSeguridad.php"); ?>
<html>
    <head>
        <?php include 'plantilles/plantillacap.php'; ?>
        <?php include 'headespec/calendariH.php'; ?>

    </head>
    <body>
        <div id="switcher"></div>
        <?php include 'plantilles/plantilla.php'; ?>
        <?php include 'plantilles/plantillac1.php'; ?>
        <h3 class="h3">
            <label id="txt-v-calendari-e-l-titol">
                Calendaris
            </label>
            <input id="txt-v-calendari-e-b-afegir" type="submit"  class="planButton" value="Afegir" hidden="true" />
        </h3>
        <p>
            <label class="planformL">
                Cerca
            </label>
        </p>
        <p>
            <input type="radio" id="cercaDescripcio1" name="cercaDescripcio" checked="checked" value="descripcio"/>
            <label for="cercaDescripcio1">Descripció</label>
            <input type="radio" id="cercaDescripcio2" name="cercaDescripcio" value="responsable" />
            <label for="cercaDescripcio2">Responsable</label>
        </p>
        <p>
        <form>
            <input id="sear1" name="sear1" type="text" class="searchR"/>
            <img id="imgSearch" src="images/icones/search.png" class="imageList"  alt="Cerca" height="30" width="30" />
        </form>


    </p>
    <form id="fLlistaEsquerra">
        <ul class="enl" id="llistaEsquerra">
            <!-- S'OMPLE A CALENDARIH MOSTRALLISTA <- CALENDARICONTROL / PROCESSOMPLIRLLISTA -->
        </ul>
    </form>
    <?php include 'plantilles/plantillac1p.php'; ?>
    <?php include 'plantilles/plantillac3.php'; ?>
    <h3 class="h3">Detalls del calendari</h3>
    <a target="_BLANK"  href="http://www.puntsoft.com">
        Cal ASIX 1 M03 Programació Bàsica
    </a>
    <ul class="tabs">
        <li><a href="#tab1">Dades</a></li>
        <li><a href="#tab2">Horari</a></li>
    </ul>

    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <form id="fCalendari" class="formespai" >
                <p>
                    <label class="planformL">
                        Codi
                    </label>
                </p>
                <p>
                    <input id="codiCalendari" name="descripcioCalendari" class="planformO" type="text" disabled>
                </p>

                <p>
                    <label class="planformL">
                        Descripció
                    </label>
                </p>
                <p>
                    <input id="descripcioCalendari" name="descripcioCalendari" class="planformI" type="text">
                </p>
                <p>
                    <label class="planformL">
                        Responsable
                    </label>
                </p>
                <p>
                    <select name="responsable" id="responsable" class="planformSelect">

                    </select> 
                </p>   
                <p>
                    <label class="planformL">
                        Color
                    </label>
                </p>
                <p>
                    <input type="text" id="color" name="color" class="cp-full" onchange="javascript:mostraColor();"/>
                    <input disabled="true" id="colorM" name="colorM" type="text" class="planformI" style="width: 50px;background-color: #000000;"
                </p>
                <p>
                    <label class="planformDateL">
                        Data Inici
                    </label>
                    <label class="planformDateL">
                        Data Fi
                    </label>
                </p>
                <p>
                    <input type="text" id="dataInici" name="dataInici" class="planformDate">
                    <input type="text" id="dataFi" name="dataFi" class="planformDate">
                </p>
                <p>
                    <label class="planformRadioL">
                        Horari
                    </label>
                    <label class="planformHoraL">
                        Hora Inici
                    </label>
                    <label class="planformHoraL">
                        Hora Fi
                    </label>
                    <label class="planformHoraL">
                        Hora Inici 2
                    </label>
                    <label class="planformHoraL">
                        Hora Fi 2
                    </label>
                </p>
                <p>
                    <label class="planformDateL">
                        Dl
                    </label>
                <div id="dilluns" class="planformRadio">
                    <input type="radio" id="dilluns1" name="dilluns" value="on" />
                    <label for="dilluns1">ON</label>
                    <input type="radio" id="dilluns2" name="dilluns" value="off" />
                    <label for="dilluns2">OFF</label>
                </div>
                <input type="text" id="horaIniciDilluns" name="horaIniciDilluns" class="planformHora"/>
                <input type="text" id="horaFiDilluns" name="horaFiDilluns" class="planformHora"/>
                <input type="text" id="horaIniciDilluns2" name="horaIniciDilluns2" class="planformHora"/>
                <input type="text" id="horaFiDilluns2" name="horaFiDilluns2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Dm
                    </label>
                <div id="dimarts" class="planformRadio">
                    <input type="radio" id="dimarts1" name="dimarts" value="on" />
                    <label for="dimarts1">ON</label>
                    <input type="radio" id="dimarts2" name="dimarts" value="off"  />
                    <label for="dimarts2">OFF</label>
                </div>
                <input type="text" id="horaIniciDimarts" name="horaIniciDimarts" class="planformHora"/>
                <input type="text" id="horaFiDimarts" name="horaFiDimarts" class="planformHora"/>
                <input type="text" id="horaIniciDimarts2" name="horaIniciDimarts2" class="planformHora"/>
                <input type="text" id="horaFiDimarts2" name="horaFiDimarts2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Dc
                    </label>
                <div id="dimecres" class="planformRadio">
                    <input type="radio" id="dimecres1" name="dimecres" value="on" />
                    <label for="dimecres1">ON</label>
                    <input type="radio" id="dimecres2" name="dimecres" value="off"  />
                    <label for="dimecres2">OFF</label>
                </div>
                <input type="text" id="horaIniciDimecres" name="horaIniciDimecres" class="planformHora"/>
                <input type="text" id="horaFiDimecres" name="horaFiDimecres" class="planformHora"/>
                <input type="text" id="horaIniciDimecres2" name="horaIniciDimecres2" class="planformHora"/>
                <input type="text" id="horaFiDimecres2" name="horaFiDimecres2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Dj
                    </label>
                <div id="dijous" class="planformRadio">
                    <input type="radio" id="dijous1" name="dijous" value="on" />
                    <label for="dijous1">ON</label>
                    <input type="radio" id="dijous2" name="dijous" value="off"  />
                    <label for="dijous2">OFF</label>
                </div>
                <input type="text" id="horaIniciDijous" name="horaIniciDijous" class="planformHora"/>
                <input type="text" id="horaFiDijous" name="horaFiDijous" class="planformHora"/>
                <input type="text" id="horaIniciDijous2" name="horaIniciDijous2" class="planformHora"/>
                <input type="text" id="horaFiDijous2" name="horaFiDijous2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Dv
                    </label>
                <div id="divendres" class="planformRadio">
                    <input type="radio" id="divendres1" name="divendres" value="on" />
                    <label for="divendres1">ON</label>
                    <input type="radio" id="divendres2" name="divendres" value="off"  />
                    <label for="divendres2">OFF</label>
                </div>
                <input type="text" id="horaIniciDivendres" name="horaIniciDivendres" class="planformHora"/>
                <input type="text" id="horaFiDivendres" name="horaFiDivendres" class="planformHora"/>
                <input type="text" id="horaIniciDivendres2" name="horaIniciDivendres2" class="planformHora"/>
                <input type="text" id="horaFiDivendres2" name="horaFiDivendres2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Ds
                    </label>
                <div id="dissabte" class="planformRadio">
                    <input type="radio" id="dissabte1" name="dissabte" value="on" />
                    <label for="dissabte1">ON</label>
                    <input type="radio" id="dissabte2" name="dissabte" value="off"  />
                    <label for="dissabte2">OFF</label>
                </div>
                <input type="text" id="horaIniciDissabte" name="horaIniciDissabte" class="planformHora"/>
                <input type="text" id="horaFiDissabte" name="horaFiDissabte" class="planformHora"/>
                <input type="text" id="horaIniciDissabte2" name="horaIniciDissabte2" class="planformHora"/>
                <input type="text" id="horaFiDissabte2" name="horaFiDissabte2" class="planformHora"/>
                </p>
                <p>
                    <label class="planformDateL">
                        Du
                    </label>
                <div id="diumenge" class="planformRadio">
                    <input type="radio" id="diumenge1" name="diumenge" value="on" />
                    <label for="diumenge1">ON</label>
                    <input type="radio" id="diumenge2" name="diumenge" value="off"  />
                    <label for="diumenge2">OFF</label>
                </div>
                <input type="text" id="horaIniciDiumenge" name="horaIniciDiumenge" class="planformHora"/>
                <input type="text" id="horaFiDiumenge" name="horaFiDiumenge" class="planformHora"/>
                <input type="text" id="horaIniciDiumenge2" name="horaIniciDiumenge2" class="planformHora"/>
                <input type="text" id="horaFiDiumenge2" name="horaFiDiumenge2" class="planformHora"/>
                </p>
            </form>
        </div>
        <div id="tab2" class="tab_content">
            <div id='calendar'></div>
        </div>

    </div>


    <?php include 'plantilles/plantillac3p.php'; ?>
    <?php include 'plantilles/plantillac2.php'; ?>
    <h3 class="h3">Accions</h3>
    <form id="accions">
        <ul id="accionsul" class="ena">
            <li class="current"><a href="index.php"><img src="images/icones/save.png" class="imageList"  alt="Desa" height="40" width="40" />Actualitza el Calendari</a></li>
            <li class="current"><a href="index.php"><img src="images/icones/genera.png" class="imageList" alt="Genera" height="40" width="40" />Genera l'Horari</a></li>
            <li class="current"><a href="index.php"><img src="images/icones/arxivar.png" class="imageList" alt="Arxiva" height="40" width="40" />Arxiva / Activa el Calendari</a></li>
        </ul>
    </form>
    <?php include 'plantilles/plantillac2p.php'; ?>
    <?php include 'plantilles/plantillap.php'; ?>
</body>
</html>
